 <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>360商城</title>
		<script src="./Public/Home/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./Public/Home/js/index.js" type="text/javascript" charset="utf-8"></script>
  		<script type="text/javascript" charset="utf-8" src="Public/Home/js/jquery.leanModal.min.js"></script>
  		<script src="./Public/Home/hdjs/hdjs.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="Public/Home/css/index.css">
		<link rel="stylesheet" type="text/css" href="Public/Home/hdjs/hdjs.css">
		<link rel="stylesheet" type="text/css" href="Public/Home/css/list.css">
<!--		<script >-->
<!--			$(function(){-->
<!--				$(".flatbtn").click(function(){-->
<!--					$(".bj").fadeToggle(100);-->
<!--					$(".div").slideToggle(100);-->
<!--				});-->
<!---->
<!--				$(".bj").click(function(){-->
<!--					$(".div").slideToggle(100);-->
<!--					$(".bj").fadeToggle(100);-->
<!---->
<!--				});-->
<!---->
<!--				$(".zq").click(function(){-->
<!--					var a=$(this).text();-->
<!--					$.ajax({-->
<!--						type:"post",-->
<!--						url:'http://localhost/project/360/index.php?m=Home&c=index&a=edl',-->
<!--						data:{cs:a},-->
<!--						dataType:'json',-->
<!--						success:function(db){-->
<!---->
<!--						}-->
<!--					})-->
<!--				});-->
<!---->
<!--				$(".btns").click(function(){-->
<!--					var cs=$(".cs").val();-->
<!---->
<!--					var zq=$(this).text();-->
<!--					alert(zq);-->
<!--					$.ajax({-->
<!--						type:"post",-->
<!--						url:'http://localhost/project/360/index.php?m=Home&c=index&a=edl',-->
<!--						data:{cs:cs},-->
<!--						dataType:'json',-->
<!--						success:function(db){-->
<!---->
<!--						}-->
<!--					})-->
<!---->
<!--				})-->
<!---->
<!--			})-->
<!--		</script>-->
		
	</head>
	<style type="text/css" media="screen">
		.bj{
			width:100%;
			height:100%;
			position:fixed;
			z-index:1000;
			background:rgba(0,0,0,0.5);
			display:none;
		}

		.div{
			width:300px;
			height:300px;
			background:#fff;
			position:fixed;
			z-index:1001;
			left:33%;
			top:50px;
			display:none;
		}
	</style>
	<body>
	<!--  -->
	<div class="div">
		<input type="text" class="cs" name="">
		<input type="text" class="csa" name="">
		<a class="btns title="">提交</a>
	</div>
	<div class="bj"></div>
	<!-- top头部部分开始 -->
		<div id="top">
			<div class="top">
				<div class="right">
					<ul>
						<!-- <li> <a href="javascript:;" title="" class="flatbtn" id="modaltrigger">登录</a></li> -->
												<li class="lis"> <a href="http://localhost/project/360/index.php?m=Home&c=Login&a=login" title="">登录</a></li>
						<li class="lis"> <a href="http://localhost/project/360/index.php?m=Home&c=Login&a=reg" title="">注册</a></li>
												<li class="lis"> <a href="" title="">我的订单</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- logo购物车部分开始 -->
		<div id="search">
			<div class="logo">
				<a href="http://localhost/project/360/index.php?m=Home&c=Index&a=index" title=""><img src="./Public/Home/images/logo.png" alt=""></a>
			</div>
			<!-- 搜索框部分开始 -->
			<div class="header_search">
				<div class="form">
					<form action="" method="post" accept-charset="utf-8">
						<input class="input" type="text" name="q" placeholder="360行车记录仪">
						<input class="submit" type="submit" value="">
					</form>
				</div>
								                
				<div class="shopcar">
					<div class="gwc">
						<a href="http://localhost/project/360/index.php?m=Home&c=Cart&a=index" title=""><i></i>我的购物车<span class="numm">(0)</span></a>
					</div>
					<div class="gwchtc">
												<a href="javascript:;" title="">您的购物车没有东西<span>(0)</span></a>
											</div>
				</div>
				
               				<div class="hot">
				<a href="">智能出行伴侣</a><a href="">智能出行伴侣</a><a href="">智能出行伴侣</a>
				</div>
			</div>

			<script>
				$(function () {
					//异步删除购物车中的商品
					$(".del").click(function () {
						var sid=$(this).attr('sid');
						$.ajax({
							type:'post',
							url:'http://localhost/project/360/index.php?m=Home&c=Cart&a=del',
							data:{c:sid},
							dataType:'json',
							success:function (e) {
								var a="("+e.num+")";
								var b='<a href="javascript:;" title="">您的购物车没有东西<span>(0)</span></a>';
								if(e.num==0){
									$(".gwchtc").html(b);
								}else{
									$(".red1").html(e.num);
								}

								$(".numm").html(a);
								$(".red2").html(e.pri);
							}

						});
						$(this).parents('.lf').remove();
					});
				})
			</script>
			
		</div>
		<!-- top购物车部分结束 -->
		<!-- top分类部分开始 -->
		<div id="cate">	
			<div id="top_cate">
			<div class="cate">
				<a href=""> 全部智能酷品</a>
			</div>
			<ul>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=1" title="">手机及配件</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=4" title="">智能手表</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=5" title="">行车记录仪</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=6" title="">电脑设备</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=7" title="">智能机器人</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=19" title="">智能家居</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=20" title="">影音娱乐</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=21" title="">母婴玩具</a></li>
							</ul>
			</div>
		</div>

	<div id="mod-index">
		<div id="mod-index-img">
			<a href="" class="mod-index-img-a1"></a>
			<a href="" class="mod-index-img-a2"></a>
			<a href="" class="mod-index-img-a3"></a>
			<a href="" class="mod-index-img-a4"></a>
			<a href="" class="mod-index-img-a5"></a>
			<a href="" class="mod-index-img-a6"></a>
		</div>
		<!--两个按钮-->
		<div class="mod-index-bottom">
			<div class="mod-index-bottom-left">
				<a href="javascript:;" class="mod-index-bottom-left-a"><</a>
			</div>
			<div class="mod-index-bottom-right">
				<a href="javascript:;" class="mod-index-bottom-right-a1">></a>
			</div>
		</div>
		<!--按钮结束-->
		<div style="width:1240px;height:448px;margin: 0 auto;">
		<div class="side_cate">
					<ul>
						<?php foreach ($topCate as $k=>$v){?>
						<li class="num1"><a class="numa" href="<?php echo U('List/index',['cid'=>$v['cid']])?>"><?php echo $v['cname']?></a>
							<div class="cate_son">
								<div class="son1">
								<?php foreach ($v['son'] as $vv){?>
									<div class="son_title">										
										<a href=""><?php echo $vv['cname']?></a>
									</div>
									<ul>
										<?php foreach ($vv['sson'] as $vvv){?>
										<li><a href=""><?php echo $vvv['cname']?></a></li>
										<?php }?>   
									</ul>
								<?php }?>						
								</div>
								<div class="img">
									<a href=""><img src="./Public/Home/images/banner11<?php echo $k?>.jpg" alt=""></a>
								</div>
							</div>
						</li>
						<?php }?>
					</ul>
				
			<div >
				<ul class="mod-index_yuandian">
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
				</ul>
			</div>
		</div>
		<div class="right">
			<ul>
				<li><a href="" title=""><img src="./Public/Home/images/bannert1.png" alt=""></a></li>
				<li><a href="" title=""><img src="./Public/Home/images/bannert2.png" alt=""></a></li>
			</ul>
		</div>			
		</div>
	</div>
		<!-- banner 导航轮播图部分结束 -->
		<!-- top广告部分开始 -->
	<div id="index_ad_top">
		<ul>
			<li><a href=""><img src="./Public/Home/images/ada1.png" ></a></li>
			<li><a href="<?php echo U('Content/index',['gid'=>4])?>"><img src="./Public/Home/images/ada2.png" ></a></li>
			<li><a href=""><img src="./Public/Home/images/ada3.png" ></a></li>
			<li><a href=""><img src="./Public/Home/images/ada4.png" ></a></li>
			<li><a href=""><img src="./Public/Home/images/ada5.png" ></a></li>
		</ul>
	</div>
		<!-- top广告部分结束 -->
		<!--热门活动-->
                <div id="hot">
                    <div class="left">
                    </div>
                      <div class="b1">
                          <span>
                          </span>
                      </div>
                         <div class="hot">
                            <span>热门活动</span>
                         </div>
                         <div class="b2">
                             <span >
                             </span>
                         </div>
                    <div class="right">
                    </div>
                </div>
          <!--图片区域 分3个div-->
           <div id="hotBottom">
               <a href="" title=""><div class="left">
               </div></a>
               <div class="mid">
                   <a href="" target="_blank"> <img src="././Public/Home/images/2.jpg" alt=""></a>
                   <a href=""> <img src="././Public/Home/images/3.jpg" alt=""></a>
                   <a href=""> <img src="././Public/Home/images/5.jpg" alt=""></a>
                   <a href=""> <img src="././Public/Home/images/6.jpg" alt=""></a>                 
               </div>
               <a href="" title=""><div class="right"></div></a>
               
           </div>

          <!--1楼开始-->

          <div id="f1">
              <!--楼层导航-->
              <div class="first">
                  <div class="left">
                      <b>手机及配件</b>
                      <span>热搜:&nbsp;</span>
                      <ul>
                          <li><a href="" target="_blank">纽曼蓝牙耳机</a></li><li><span>|</span></li>
                          <li><a href="">纽曼蓝牙耳机</a></li><li><span>|</span></li>
                          <li><a href="">纽曼蓝牙耳机</a></li><li><span>|</span></li>
                          <li><a href="">纽曼蓝牙耳机</a></li><li><span>|</span></li>
                          <li><a href="">纽曼蓝牙耳机</a></li>
                      </ul>
                  </div>
                  <div class="right">
                          <a href="" target="_blank" class="more">更多</a>
                  </div>
              </div>
              <!--图片 -->
              <div class="img">

					<ul>
					<?php foreach ($newsData as $v){?>
						<li>
							<a href="" class="box" target="_blank">
		                      <div class="show">
		                          <p class="title"><?php echo $v['gname']?></p>
		                          <p class="des"><?php echo $v['des']?></p>
		                          <p class="price">￥<?php echo $v['price']?></p>
		                      </div>
		                      <img src="<?php echo $v['listpic']?>" alt="">
		                  </a>
						</li>
						<?php }?>
					</ul>

             </div>      	
        </div>
        <!-- f1部分结束 -->
	    <!-- 新品速递部分开始 -->
	      <div id="new">
	          <b>新品速递</b>
	          <!--图片开始-->
	          <?php foreach ($newsData as $v){?>
	          <a href="http://www.baidu.com" target="_blank" alt="<?php echo $v['des']?>">
	              <img width="220" height="220" src="<?php echo $v['listpic']?>">
	              <div class="show">
	                  <div class="top">
	                      <p><?php echo $v['gname']?></p>
	                  </div>
	                  <div class="bottom">
	                      <div class="left">
	                          <span>￥<?php echo $v['price']?></span>
	                      </div>
	                      <div class="right">
	                          <span><?php echo date('m-d',$v['upload_time'])?>上新</span>
	                      </div>
	                  </div>
	              </div>
	          </a>
	          <?php }?>
	          <a href="http://www.baidu.com" target="_blank">
	              <img src="././Public/Home/images/7.jpg" alt="">
	              <div class="show">
	                  <div class="top">
	                      <p>WD-40 快干型 精密电器清洁剂 快速线路去污剂速干电器版清洗剂 360ml</p>
	                  </div>
	                  <div class="bottom">
	                      <div class="left">
	                          <span>￥</span>
	                      </div>
	                      <div class="right">
	                          <span>08-01上新</span>
	                      </div>
	                  </div>
	              </div>
	          </a>
	         
	         
	         	      	
	      </div>
	      <!-- 7天无理由退货部分 -->
		<!-- 7天无理由退货部分 -->
<div id="ser">
	<div class="ser">
		<div class="li">
			<i>7</i><span>7天无理由退货</span>
		</div>
		<div class="li">
			<i>15</i><span>15天免费换货</span>
		</div>
		<div class="li lin">
			<i>包</i><span>7满99元包邮</span>
		</div>
	</div>
</div>
<div id="footer">
     <div class="ft">
     		<br>
     		<br>
     		<br>
          <p>360商城©2013-2016 360公司版权所有 京ICP备08010314号-43 京公网安备11000002000006号奇酷互联网络科技（深圳）有限公司 0755-61898999 深圳市南山区学苑大道1001号南山智园A2栋</p>
     </div>
</div>

        <!-- 左侧浮动部分开始 -->
        <div id="leftbar">
        	<ul>
        		<li class="li1"><a href="javascript:;">微信关注</a>
					<div class="WeChat" style="left: -210px;"> <span class="arrowr-bg"></span><img src="https://p.ssl.qhmsg.com/t01d06b994b8798623c.jpg"> <p class="tiptext">扫码关注官方微信<br>先人一步知晓促销活动</p></div>
        		</li>
        		<li class="li2"><a href="javascript:;">手机商城</a> 
        			<div class="mobile" style="left: -210px;"> <span class="arrowr-bg"></span> <img src="https://p.ssl.qhmsg.com/t013df41dbfac4d5924.jpg"> <p class="tiptext">安卓客户端首次登录<p style="color:red;">送188元现金券礼包</p></p></div>
        		</li>
        		<li class="li3">
        			<a href="javascript:;" class="gotop">返回顶部</a>
        		</li>
        	</ul>
        </div>
	</body>
</html>
